<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0029)new.html -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <!--反爬图片-->
    <meta name="referrer" content="no-referrer">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!--[if lt IE 9]>
    <script src="/templets/default/images/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="/templets/default/images/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link href="../static/list/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="../static/list/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="../static/list/iconfont.css" rel="stylesheet" type="text/css">
    <link href="../static/list/color.css" rel="stylesheet" type="text/css">
    <link href="../static/list/style.min.css" rel="stylesheet" type="text/css">
    <script src="../static/list/push.js"></script>
    <script src="../static/list/hm.js"></script>

    <script src="../static/list/jquery.min.js"></script>
    <script src="../static/list/jq-paginator.js"></script>
    <script type="text/javascript" src="../static/list/bootstrap.min.js"></script>

    <script src="../static/list/common.js"></script>
    <script src="../static/list/function.js"></script>
    <script type="text/javascript " src="../static/list/fx.js"></script>
    <script type="text/javascript " src="../static/list/key.js"></script>
    <script type="text/javascript" src="../static/list/LazyLoad.js"></script>
    <script type="text/javascript" src="../static/list/swiper.min.js"></script>
    <script type="text/javascript " src="../static/list/history.js"></script>
    <link rel="icon" href="../static/index/icon.png" type="image/x-icon"/>

    <!-- 分享显示的标题-->
    <meta itemprop="name" th:content="${systeminfo.title}" />
    <!-- 分享显示的缩略图-->
    <meta itemprop="image" content="../static/index/ewm.png" />
    <!-- 分享显示的简介-->
    <meta name="description" itemprop="description" th:content="${systeminfo.descri}" />



    <title th:text="${systeminfo.title}"></title>
    <meta name="keywords" th:content="${systeminfo.keywords}">
    <meta name="description" th:content="${systeminfo.descri}">
    <script type="text/javascript">
        $(function(){
            var videotype = $("#videotype").val();
            var videocount = $("#videocount").val();
            var tabs = $(".nav-tabs");
            var liarr = tabs.children("li");
            liarr.eq(videotype-1).attr("class","active");
            loadpage(videocount,30);

        })


        //创建时间格式化显示
        function timeFtt(time) {
            if (time != null) {
                var date = new Date(time);
                return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
            }
        }

        //分页点击函数
        function exeData(num, type,myPageCount,myPageSize) {
            //loadpage(myPageCount,myPageSize);
            //后续肯定还有数据展示的js 这里只是简单的演示
            getVideo(num);

        }



        function getVideo(page){
            var localurl = window.location.href;
            var type = 0;
            if(localurl.indexOf("type=1") != -1){
                type = 1;
            }else if(localurl.indexOf("type=2") != -1){
                type = 2;
            }else if(localurl.indexOf("type=3") != -1){
                type = 3;
            }else if(localurl.indexOf("type=4") != -1){
                type = 4
            }
            if(page != "" && page != null){
                $.ajax({
                    type: "POST",
                    url: "/video/getVideoByPage",
                    data:{
                        cur:page,
                        max:30,
                        type:type,
                    },
                    success:function (data) {

                        if(data.code == 200){
                            var videolist = data.obj;
                            var videohtml = '';
                            for(var i = 0;i<videolist.length;i++){

                                videohtml += '<div class="col-md-2 col-sm-3 col-xs-4">';
                                videohtml += '<a class="videopic lazy" href="/index/videodetail?id='+videolist[i].id+'&type='+videolist[i].type+'" title="'+videolist[i].title+'"';
                                videohtml += 'style="background: url('+videolist[i].image+') 50% 50% / cover no-repeat; display: block;">';
                                videohtml += '<span class="play hidden-xs"></span>';
                                videohtml += '<span class="note textbg">'+videolist[i].time+'</span>';
                                videohtml += '</a><div class="title"><h5 class="text-center text-overflow">';
                                videohtml += '<a href="/index/videodetail?id='+videolist[i].id+'&type='+videolist[i].type+'">'+videolist[i].title;
                                videohtml += '</a></h5></div>';
                                videohtml += '<div class="subtitle text-muted text-overflow text-center" style="height: 15px;">';
                                videohtml += videolist[i].director+'</div></div>';

                            }

                            $("#videodiv").html(videohtml);
                        }
                    },
                    error:function () {
                        alert("网络异常。。。");

                    }
                })
            }
        }


        //分页函数
        function loadpage(myPageCount,myPageSize) {
            var countindex = myPageCount % myPageSize > 0 ? (myPageCount / myPageSize) + 1 : (myPageCount / myPageSize);
            $("#countindex").val(countindex);
            $.jqPaginator('#pagination', {
                totalPages: parseInt($("#countindex").val()),
                visiblePages: parseInt($("#visiblePages").val()),
                currentPage: 1,
                first: '<li class="first"><a href="javascript:;">首页</a></li>',
                prev: '<li class="prev"><a href="javascript:;"><i class="arrow arrow2"></i>上一页</a></li>',
                next: '<li class="next"><a href="javascript:;">下一页<i class="arrow arrow3"></i></a></li>',
                last: '<li class="last"><a href="javascript:;">末页</a></li>',
                page: '<li class="page"><a href="javascript:;">{{page}}</a></li>',
                onPageChange: function (num, type) {
                    if (type == "change") {
                        exeData(num,type,myPageCount,myPageSize);

                    }
                }
            });
        }



    </script>

</head>
<body>
<div class="hy-head-menu">
    <div class="container">
        <div class="row">
            <div class="item">
                <div class="tabbar visible-xs">
                    <a href="/index" class="item active">
                        <i class="icon iconfont icon-home"></i>
                        <p class="text">首页</p>
                    </a>

                    <a href="/index/list?type=1" class="item">
                        <i class="icon iconfont icon-film"></i>
                        <p class="text">电影 </p>
                    </a>

                    <a href="/index/list?type=2" class="item">
                        <i class="icon iconfont icon-show"></i>
                        <p class="text">电视剧 </p>
                    </a>

                    <a href="/index/list?type=3" class="item">
                        <i class="icon iconfont icon-flag"></i>
                        <p class="text">综艺 </p>
                    </a>

                    <a href="/index/list?type=4" class="item">
                        <i class="icon iconfont icon-mallanimation"></i>
                        <p class="text">动漫 </p>
                    </a>

                    <a href="/index/list?type=5" class="item">
                        <i class="icon iconfont icon-update"></i>
                        <p class="text">伦理</p>
                    </a>
                    <!--<a href="/member.php" class="item">
                    <i class="icon iconfont icon-member1"></i>
                    <p class="text">会员</p>
                    </a>-->
                </div>


                <div class="logo hidden-sm hidden-xs">
                    <a class="" href=""><img src="../static/list/logo.png"></a>
                </div>
                <!--<div class="logo visible-sm visible-xs" style="background-color:#f1f1f1;">
                      <a class="visible-sm visible-xs" href="/"><img src="/templets/default/images/logo_min.png" /></a>
                </div>-->
                <div class="search">
                    <form id="formsearch" method="GET"  action="/index/seach">
                        <input id="seachword" class="form-control" placeholder="输入影片关键词..." name="keyword" type="text">
                        <a href="javascript:" class="btns" title="搜索" onclick="seachVideo()">
                            <i class="icon iconfont icon-search"></i>
                        </a>
                    </form>
                </div>
                <script type="text/javascript">
                    function seachVideo(){
                        var seachword = $("#keyword").val();
                        if(seachword == ""){
                            alert("请输入电影标题");
                            return;
                        }
                        $("#formsearch").submit();
                    }
                </script>
                <input type="hidden" id="videotype" th:value="${type}" />
                <input type="hidden" id="videocount" th:value="${videocount}" />
                <ul class="menulist hidden-xs">
                    <li><a href="/index">首页</a></li>
                    <li><a href="/index/list?type=1"> 电影</a></li>
                    <li><a href="/index/list?type=2"> 电视剧</a></li>
                    <li><a href="/index/list?type=3"> 综艺</a></li>
                    <li><a href="/index/list?type=4"> 动漫</a></li>
                    <li><a href="/index">伦理</a></li>
                    <li><span id="seacms_member">
                        <a href="/index">登录</a> <a
                            href="/">注册</a></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--main-->
<div class="container">
    <div class="row">
        <div class="hy-layout clearfix">
            <div class="hy-switch-tabs active">
                <ul class="nav nav-tabs">
                    <li class=""><a href="/index/list?type=0" data-toggle="tab" aria-expanded="false">最近更新</a></li>

                    <li class=""><a href="/index/list?type=1" data-toggle="tab" aria-expanded="false">电影</a></li>

                    <li class=""><a href="/index/list?type=2" data-toggle="tab" aria-expanded="false">电视剧</a></li>

                    <li class=""><a href="/index/list?type=3" data-toggle="tab" aria-expanded="false">综艺</a></li>

                    <li class=""><a href="/index/list?type=4" data-toggle="tab" aria-expanded="false">动漫</a></li>

                </ul>
            </div>


            <div class="tab-pane fade active in" id="list1">
                <div class="hy-video-list cleafix">
                    <div class="item" id="videodiv">

                        <div th:each="video,videoState : ${videoList}" class="col-md-2 col-sm-3 col-xs-4">
                            <a class="videopic lazy" th:href="'/index/videodetail?id='+${video.id}+'&type='+${video.type}" th:title="${video.title}"
                               th:attr="style='background: url('+${video.image}+') 50% 50% / cover no-repeat; display: block;'">
                                <span class="play hidden-xs"></span>
                                <span class="note textbg" th:text="${video.time}"></span>
                            </a>
                            <div class="title">
                                <h5 class="text-center text-overflow">
                                    <a th:href="'/index/videodetail?id='+${video.id}" th:text="${video.title}">

                                    </a></h5></div>
                            <div class="subtitle text-muted text-overflow text-center" style="height: 15px;" th:text="${video.director}">

                            </div>
                        </div>
                    </div>
                </div>
            </div>



        </div>
    </div>

    <div>
        <!--分页的html-start-->
        <form id="form1" runat="server">
            <div>
                <ul class="pagination" id="pagination">
                </ul>
                <input type="hidden" id="PageSize" runat="server" value="" />
                <input type="hidden" id="countindex" runat="server" value=""/>

                <!--设置最多显示的页码数 可以手动设置 默认为7-->
                <input type="hidden" id="visiblePages" runat="server" value="8" />
            </div>
        </form>
        <!--分页的html-end-->
    </div>
</div>
</div>




<div class="hy-gototop hidden-sm hidden-xs">
    <ul class="item clearfix">
        <li><a href="member.php" title="会员中心"><i class="icon iconfont icon-member1"></i></a></li>
        <li><a href="gbook.php" title="留言求片"><i class="icon iconfont icon-comment"></i></a></li>
        <li>
            <a href="javascript:()" title="观看记录"><i class="icon iconfont icon-record1"></i></a>
            <div class="history clearfix">
                <div class="head">
                    <h5 class="margin-0 text-muted">观看历史</h5>
                </div>
                <script type="text/javascript ">
                    $MH.limit = 9;
                    $MH.WriteHistoryBox(200, 170, 'font');

                </script>
                <div id="HISTORY" style="width:200px;">
                    <ul class="list">
                        <li><a href="movie/index95193.html" target="_self"><span
                                class="text-muted">1.</span> 乡村喜剧王</a></li>
                    </ul>
                </div>
            </div>
        </li>
        <li>
            <a href="javascript:()" title="二维码"><i class="icon iconfont icon-code1"></i></a>
            <div class="code clearfix">
                <p class="margin-0"><img class="pic-responsive" src="../static/list/ewm.png" alt="扫描二维码"></p>
            </div>
        </li>
        <li><a href="javascript:scroll(0,0)" title="返回顶部"><i class="icon iconfont icon-uparrow"></i></a></li>
    </ul>
</div>
<div class="container">
    <div class="row">
        <div class="hy-footer clearfix">
            <p class="text-muted hidden-sm hidden-xs">本网站内容收集于互联网，包子电影网不承担任何由于内容的合法性及健康性所引起的争议和法律责任。<br>
                本站永久免费更新最新电影与剧集，欢迎大家使用并推荐朋友。</p>
            <p class="margin-0 text-muted">Copyright © 2008-2017</p>

        </div>
    </div>
</div>
<span style="display:none"><script>
var _hmt = _hmt || [];
(function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?217950df0c5bc841c09c158aa94c5843";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
})();
</script></span>
<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<script type="text/javascript" charset="utf-8">
    $(function () {
        $(".videopic.lazy").lazyload({effect: "fadeIn"});
        $("[data-toggle='tooltip']").tooltip();
    });

</script>

<script src="../static/list/6"></script>
</html>